﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Stap4.aspx.cs" Inherits="Touchscreen.Stap4" %>
<%@ MasterType VirtualPath="~/Site.Master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="ButtonNextPrevious">
            <asp:Button ID="ButtonPrevious" CssClass="FloatLeft ButtonWizard" runat="server" 
            Text="Terug" PostBackUrl="Stap3.aspx" Font-Size="Large" Height="55px" 
            Width="98%"/>
    </div>

    <asp:Panel ID="Panel" runat="server">
    </asp:Panel>
    <div class="StapContent">
        <form name="_ctl0" method="post" action="Stap4.aspx" id="_ctl0">
        <table class="StapContentText">
            <tr>
                <td align="center">
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    Stap 4</td>
            </tr>
            <tr>
                <td align="center">
                    Het totaalbedrag is: EUR
                    <asp:Label ID="LabelTotalPrice" runat="server" Text="[bedrag]"></asp:Label>
                    . U kunt beginnen met pinnen.
                </td>
            </tr>
            <tr>
                <td align="center">
                   <asp:TextBox maxlength="4" ID="pincode" TextMode="Password" runat="server" 
                        class="pincodeinput" ></asp:TextBox>

                </td>
            </tr>
            <tr>
                <td align="center">
                    <table class="stap4">
                        <tr>
                            <td> 
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='1';}" type="button" value="1" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='2';}" type="button" value="2" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='3';}" type="button" value="3" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="document.getElementById('<%=pincode.ClientID%>').value='';" type="button" value="Stoppen" class="pinbuttonbig" style="color: #CC0000;" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='4';}" type="button" value="4" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='5';}" type="button" value="5" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='6';}" type="button" value="6" class="pinbutton" />
                            </td>
                            <td>
                                <input onclick="document.getElementById('<%=pincode.ClientID%>').value=(document.getElementById('<%=pincode.ClientID%>').value.slice(0,-1))" type="button" value="Corrigeren" class="pinbuttonbig" style="color: #FF6600;" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='7';}" type="button" value="7" class="pinbutton" />
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='8';}" type="button" value="8" class="pinbutton"/>
                            </td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='9';}" type="button" value="9" class="pinbutton"/>
                            </td>
                            <td>
                                <asp:Button ID="Enter" runat="server" Text="OK" class="pinbuttonbig" style="color: #006600;" onclick="button_enter" UseSubmitBehavior="False" />
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                                <input onclick="if (document.getElementById('<%=pincode.ClientID%>').value.length<4){document.getElementById('<%=pincode.ClientID%>').value+='0';}" type="button" value="0" class="pinbutton"/>
                            </td>
                            <td align="center" colspan="2">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        </form>      
    </div>
</asp:Content>
